<template>
    <footer class="footer-bar">
        <a href="https://gitcode.com/socialman/BlockDAO" class="footer-link" target="_blank">
            <span>©2024 BlockDAO</span>
        </a>
    </footer>
</template>

<style lang="css" scoped>
.footer-bar {
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: var(--el-bg-color);
    border-top: 1px solid var(--el-border-color-lighter);
    margin-top: auto;
}

.footer-link {
    color: var(--el-text-color-regular);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.footer-link:hover {
    color: var(--el-color-primary);
}

.footer-link span {
    display: inline-block;
    vertical-align: middle;
}
</style>